﻿<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8"/>
    <title>HXBlog_V2.0 后台管理系统</title>

    <link href="./images/blog.ico" rel="icon" type="image/x-icon">
    <link href="./css/animate.min.css" rel="stylesheet"/>
    <link href="./plugin/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="./css/main.css" rel="stylesheet"/>

    <!-- common imports -->
    <script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="./js/commonImport.js"></script>
    <!-- 需要放在 layui.js 前面 -->
    <script type="text/javascript" src="./plugin/layui/lay/modules/layer.js"></script>
    <script type="text/javascript" src="./plugin/layui/layui.js"></script>
    <script type="text/javascript" src="../myJs/md5.js"></script>
    <script type="text/javascript" src="../myJs/constants.js" ></script>
    <script type="text/javascript" src="../myJs/utils.js" ></script>

</head>

<body>
<div class="layui-layout layui-layout-admin">
    <!--顶部-->
    <div class="layui-header">
        <div class="ht-console">
            <div class="ht-user">
                <img name="headImg" src="./images/logo.jpg"/>
                <span class="ht-user-name" >
                    <a name="userName" >超级管理员</a>
                    <a name="title" >[admin]</a>
                </span>
            </div>
        </div>
        <ul class="ht-nav">
            <li class="ht-nav-item">
                <a target="_blank" href="/static/main/index.html"><i class="fa fa-leaf" style="padding-right:5px;"></i>前台入口</a>
            </li>
            <li class="ht-nav-item">
                <a href="javascript:;" id="individuation"><i class="fa fa-tasks fa-fw" style="padding-right:5px;"></i>个性化</a>
            </li>
            <li class="ht-nav-item">
                <a href="javascript:;" id="logout"><i class="fa fa-power-off fa-fw"></i>注销</a>
            </li>
        </ul>
    </div>
    <!--侧边导航-->
    <div class="layui-side">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree" id="leftNav" lay-filter="leftNav">
                <li class="layui-nav-item layui-this">
                    <a href="javascript:;"><i class="fa fa-home fa-fw"></i>首页</a>
                </li>
                <!-- 菜单列表 -->

            </ul>
        </div>
    </div>
    <!--收起导航-->
    <div class="layui-side-hide layui-bg-cyan">
        <i class="fa fa-long-arrow-left fa-fw"></i>收起导航
    </div>
    <!--主体内容-->
    <div class="layui-body">
        <div style="margin:0;position:absolute;top:4px;bottom:0px;width:100%;" class="layui-tab layui-tab-brief"
             lay-filter="tab" lay-allowclose="true">
            <ul class="layui-tab-title">
                <li lay-id="0" class="layui-this">首页</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <p style="padding: 10px 15px; margin-bottom: 20px; margin-top: 10px; border:1px solid #ddd;display:inline-block;">
                        本次登陆
                        IP :<span style="padding-left:1em;" name="loginIp"> / </span> &nbsp;&nbsp;
                        地点 :<span style="padding-left:1em;" name="loginAddr"> / </span> &nbsp;&nbsp;
                        时间 :<span style="padding-left:1em;" name="loginDate"> / </span> &nbsp;&nbsp;
                    </p>

                    <button class="layui-btn" style="margin-left: 30px" name="refreshBtn" onclick="refreshStatistics()">
                        <i class="layui-icon">&#x1002;</i> 刷新
                    </button>
                    <button class="layui-btn" style="margin-left: 30px" name="pollingBtn" onclick="pollingStatistics()">
                        <i class="layui-icon">&#x1002;</i> 轮询
                    </button>

                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>今日统计信息</legend>
                        <div class="layui-field-box" name="todayInfo">
                            <div style="display: inline-block; width: 100%;">
                                <div class="ht-box layui-bg-green">
                                    <p name="requestLogCnt">0</p>
                                    <p>请求数量</p>
                                </div>
                                <div class="ht-box layui-bg-red">
                                    <p name="exceptionLogCnt">0</p>
                                    <p>异常数量</p>
                                </div>
                                <div class="ht-box layui-bg-blue">
                                    <p name="dayFlushViewCnt">0</p>
                                    <p>访问数量[uv]</p>
                                </div>
                                <div class="ht-box layui-bg-blue">
                                    <p name="viewCnt">0</p>
                                    <p>访问数量[pv]</p>
                                </div>
                                <div class="ht-box layui-bg-orange">
                                    <p name="blogCnt">0</p>
                                    <p>博客数量</p>
                                </div>
                                <div class="ht-box layui-bg-green">
                                    <p name="commentCnt">0</p>
                                    <p>评论数量</p>
                                </div>
                                <div class="ht-box layui-bg-green">
                                    <p name="goodCnt">0</p>
                                    <p>点赞数量</p>
                                </div>
                                <div class="ht-box layui-bg-red">
                                    <p name="notGoodCnt">0</p>
                                    <p>取消点赞</p>
                                </div>
                            </div>
                        </div>
                    </fieldset>

                    <fieldset class="layui-elem-field layui-field-title">
                        <legend> 最近7天 </legend>
                        <div class="layui-field-box" name="recentlyInfo">
                            <div style="display: inline-block; width: 100%;">
                                <div class="ht-box layui-bg-green">
                                    <p name="requestLogCnt">0</p>
                                    <p>请求数量</p>
                                </div>
                                <div class="ht-box layui-bg-red">
                                    <p name="exceptionLogCnt">0</p>
                                    <p>异常数量</p>
                                </div>
                                <div class="ht-box layui-bg-blue">
                                    <p name="dayFlushViewCnt">0</p>
                                    <p>访问数量[uv]</p>
                                </div>
                                <div class="ht-box layui-bg-blue">
                                    <p name="viewCnt">0</p>
                                    <p>访问数量[pv]</p>
                                </div>
                                <div class="ht-box layui-bg-orange">
                                    <p name="blogCnt">0</p>
                                    <p>博客数量</p>
                                </div>
                                <div class="ht-box layui-bg-green">
                                    <p name="commentCnt">0</p>
                                    <p>评论数量</p>
                                </div>
                                <div class="ht-box layui-bg-green">
                                    <p name="goodCnt">0</p>
                                    <p>点赞数量</p>
                                </div>
                                <div class="ht-box layui-bg-red">
                                    <p name="notGoodCnt">0</p>
                                    <p>取消点赞</p>
                                </div>
                            </div>
                        </div>
                    </fieldset>

                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>合计统计信息</legend>
                        <div class="layui-field-box" name="sumInfo">
                            <div style="display: inline-block; width: 100%;">
                                <div class="ht-box layui-bg-green">
                                    <p name="requestLogCnt">0</p>
                                    <p>请求数量</p>
                                </div>
                                <div class="ht-box layui-bg-red">
                                    <p name="exceptionLogCnt">0</p>
                                    <p>异常数量</p>
                                </div>
                                <div class="ht-box layui-bg-blue">
                                    <p name="dayFlushViewCnt">0</p>
                                    <p>访问数量[uv]</p>
                                </div>
                                <div class="ht-box layui-bg-blue">
                                    <p name="viewCnt">0</p>
                                    <p>访问数量[pv]</p>
                                </div>
                                <div class="ht-box layui-bg-orange">
                                    <p name="blogCnt">0</p>
                                    <p>博客数量</p>
                                </div>
                                <div class="ht-box layui-bg-green">
                                    <p name="commentCnt">0</p>
                                    <p>评论数量</p>
                                </div>
                                <div class="ht-box layui-bg-green">
                                    <p name="goodCnt">0</p>
                                    <p>点赞数量</p>
                                </div>
                                <div class="ht-box layui-bg-red">
                                    <p name="notGoodCnt">0</p>
                                    <p>取消点赞</p>
                                </div>
                            </div>
                        </div>
                    </fieldset>

                </div>
            </div>
        </div>
    </div>

    <!--底部信息-->
    <div class="layui-footer">
        <p style="line-height:44px;text-align:center;">HXBlog_V2.0 后台管理系统</p>
    </div>
    <!--个性化设置-->
    <div class="individuation animated flipOutY layui-hide">
        <ul>
            <li><i class="fa fa-cog" style="padding-right:5px"></i>个性化</li>
        </ul>
        <div class="explain">
            <small>从这里进行系统设置和主题预览</small>
        </div>
        <div class="setting-title">设置</div>
        <div class="setting-item layui-form">
            <span>侧边导航</span>
            <input type="checkbox" lay-skin="switch" lay-filter="sidenav" lay-text="ON|OFF" checked>
        </div>
        <div class="setting-item layui-form">
            <span>管家提醒</span>
            <input type="checkbox" lay-skin="switch" lay-filter="steward" lay-text="ON|OFF" checked>
        </div>
        <div class="setting-title">主题</div>
        <div class="setting-item skin skin-default" data-skin="skin-default">
            <span>低调优雅</span>
        </div>
        <div class="setting-item skin skin-deepblue" data-skin="skin-deepblue">
            <span>蓝色梦幻</span>
        </div>
        <div class="setting-item skin skin-pink" data-skin="skin-pink">
            <span>姹紫嫣红</span>
        </div>
        <div class="setting-item skin skin-green" data-skin="skin-green">
            <span>一碧千里</span>
        </div>
    </div>
</div>

<script type="text/javascript">
    layui.config({
        base: './js/'
    }).use('main');
</script>


</body>
</html>